﻿@{
    Layout = null;
}



<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="Author" />
    <meta name="design" />
    <link href="~/Scripts/css/base.css" rel="stylesheet" type="text/css" />
    <script src="~/Scripts/jquery/jquery-1.9.1.min.js" type="text/javascript"></script>
    @*<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>*@
    @*<script src="js/html5shiv.v3.72.min.js" type="text/javascript"></script>*@
    <script src="~/Scripts/jquery/html5shiv.v3.72.min.js" type="text/javascript"></script>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="Author" content="">
    <meta content="" name="design">
    <title>e家政视频</title>
    <meta name="keywords" content="" />
    <meta name="description" content=" " />
    <link href="~/Scripts/css/keeping.css" rel="stylesheet" />
    <script src="~/Scripts/jquery/video.js"></script>
    <title>

    </title>
</head>
<body>
    <div class="Top-bg">
        <header class="Top">
            <div class="logo"><a href="/"><img src="~/tupian/logo.png" alt="" /></a></div>
            <nav class="MainNav">
                <ul>
                    <li class="on"><a href="/Home/Index">首页</a></li>
                    <li><a href="/Home/home_working">家政</a></li>
                    <li><a href="/Home/month_nurse">月嫂</a></li>
                    <li><a href="/Home/cuiru">催乳师</a></li>
                    <li><a href="/Home/yuersao">育儿嫂</a></li>
                    <li><a href="/Home/baomu">保姆</a></li>
                </ul>
                <div class="clear"></div>
            </nav>
            <div class="clear"></div>
        </header>
    </div>





    <form method="post" action="video_play.aspx?number=1" id="form1">
        <div class="aspNetHidden">
            <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTE0NTEwMTQzMQ9kFgJmD2QWAgIBD2QWAgIBD2QWBAIBDxYCHgRUZXh0BeAIIDx1bD4NCiA8bGk+DQo8ZGl2IGNsYXNzPSJwaWMiPg0KIDxlbSA+IDxhIGhyZWY9Imh0dHA6Ly93d3cuNTFlanouY29tL3ZpZGVvL2NodXlpLm1wNCIgdGFyZ2V0PSJfYmxhbmsiPjxpbWcgc3JjPSIvdXBpbWFnZXMvMjAyNzY4OGMtOTM0Yy00YzFiLWJhODItMzEyOWIxMzcyOTk3LmpwZyIgc3R5bGU9IndpZHRoOjI0OXB4OyAgaGVpZ2h0OjIwMHB4OyI+PC9hPjwvZW0+DQogPC9kaXY+DQogPHA+ZeWutuaUv+WOqOiJuuWfueiurS3mnb7lrZDnjonnsbPngpLlhYPlrrU8L3A+DQogPGEgY2xhc3M9ImluZm8iIGhyZWY9Imh0dHA6Ly93d3cuNTFlanouY29tL3ZpZGVvL2NodXlpLm1wNCIgdGFyZ2V0PSJfYmxhbmsiPg0KIDxzcGFuPjwvc3Bhbj4NCiA8L2E+DQogPC9saT4NCiA8bGk+DQo8ZGl2IGNsYXNzPSJwaWMiPg0KIDxlbSA+IDxhIGhyZWY9Imh0dHA6Ly93d3cuNTFlanouY29tL3ZpZGVvL3h1YW5jaHVhbi5tcDQiIHRhcmdldD0iX2JsYW5rIj48aW1nIHNyYz0iL3VwaW1hZ2VzLzlhZjcxMzcyLWQ1NmYtNGJlZi04OTY4LTBlNTgxMDI3ZDBiNy5qcGciIHN0eWxlPSJ3aWR0aDoyNDlweDsgIGhlaWdodDoyMDBweDsiPjwvYT48L2VtPg0KIDwvZGl2Pg0KIDxwPuaOjOS4iuS4gOmUrumihOe6puWutuaUv+acjeWKoTwvcD4NCiA8YSBjbGFzcz0iaW5mbyIgaHJlZj0iaHR0cDovL3d3dy41MWVqei5jb20vdmlkZW8veHVhbmNodWFuLm1wNCIgdGFyZ2V0PSJfYmxhbmsiPg0KIDxzcGFuPjwvc3Bhbj4NCiA8L2E+DQogPC9saT4NCiA8bGk+DQo8ZGl2IGNsYXNzPSJwaWMiPg0KIDxlbSA+IDxhIGhyZWY9Imh0dHA6Ly93d3cuNTFlanouY29tL3ZpZGVvL211eWluZy5tcDQiIHRhcmdldD0iX2JsYW5rIj48aW1nIHNyYz0iL3VwaW1hZ2VzL2I4YTE5ZDExLTliNDctNDM3NC04ZjI3LTRiM2VhZDQxOWJhMS5qcGciIHN0eWxlPSJ3aWR0aDoyNDlweDsgIGhlaWdodDoyMDBweDsiPjwvYT48L2VtPg0KIDwvZGl2Pg0KIDxwPmXlrrbmlL/mr43lqbQt5b6u6K++5aCCPC9wPg0KIDxhIGNsYXNzPSJpbmZvIiBocmVmPSJodHRwOi8vd3d3LjUxZWp6LmNvbS92aWRlby9tdXlpbmcubXA0IiB0YXJnZXQ9Il9ibGFuayI+DQogPHNwYW4+PC9zcGFuPg0KIDwvYT4NCiA8L2xpPg0KPC91bD4NCmQCAw8WAh8ABQINCmRk4JiOsqYNRyFmoTDYzzBVVVejchKi14PQxJmeSb3gBSk=" />
        </div>

        <div class="aspNetHidden">

            <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="4A2CE88F" />
        </div>



        <div class="HomeBan">
            <img src="~/tupian/brand_introce.jpg">
        </div>
        <!--banner结束-->

        <section class="Contain jzfwContain">
            <!--主体内容-->
            <div class="container">
                <!--面包屑导航-->


                <div class="breadcrumb">
                    <ul>
                        <li><a href="/Home/comp_introce">团队介绍</a></li>
                        <li><a href="/Home/dome_news?number=1">企业动态</a></li>
                        <li><a href="/Home/industry_active?number=1">行业新闻</a></li>
                        <li class="on"><a href="/Home/FAQ?number=1">常见问题</a></li>
                        <li><a href="/Home/video_play?number=1">e家政视频</a></li>
                        <li><a href="/Home/contact_us">联系方式</a></li>
                    </ul>

                    <div class="location">
                        <span> <a href="/">当前位置 : 首页</a></span>
                        <span> > e家政视频</span>
                    </div>
                </div>

                <!--主体文章内容-->
                <div class="video_main">

                    <ul>
                        <li>
                            <div class="pic">
                                <em> <a href="http://www.51ejz.com/video/chuyi.mp4" target="_blank"><img src="~/tupian/2027688c-934c-4c1b-ba82-3129b1372997.jpg" style="width:249px;  height:200px;" /></a></em>
                            </div>
                            <p>e家政厨艺培训-松子玉米炒元宵</p>
                            <a class="info" href="http://www.51ejz.com/video/chuyi.mp4" target="_blank">
                                <span></span>
                            </a>
                        </li>
                        <li>
                            <div class="pic">
                                <em> <a href="http://www.51ejz.com/video/xuanchuan.mp4" target="_blank"><img src="~/tupian/9af71372-d56f-4bef-8968-0e581027d0b7.jpg" style="width:249px;  height:200px;" /></a></em>
                            </div>
                            <p>掌上一键预约家政服务</p>
                            <a class="info" href="http://www.51ejz.com/video/xuanchuan.mp4" target="_blank">
                                <span></span>
                            </a>
                        </li>
                        <li>
                            <div class="pic">
                                <em> <a href="http://www.51ejz.com/video/muying.mp4" target="_blank"><img src="~/tupian/b8a19d11-9b47-4374-8f27-4b3ead419ba1.jpg" style="width:249px;  height:200px;" /></a></em>
                            </div>
                            <p>e家政母婴-微课堂</p>
                            <a class="info" href="http://www.51ejz.com/video/muying.mp4" target="_blank">
                                <span></span>
                            </a>
                        </li>
                    </ul>



                    <div class="number" id="number">
                        <ul></ul>
                        <div class="clear"></div>
                    </div>

                </div>
                <!--右边的侧边栏-->
                <!--右边的侧边栏-->
                <div class="beside">
                    <div class="beside_cont">
                        <div class="service">
                            <h2>服务项目</h2>
                        </div>

                        <ul>
                            <li>
                                <img src="~/tupian/beside_ys.jpg" width="124px" height="124px" />
                                <h2><a href="../month_nurse.aspx">月嫂</a></h2>
                                <p>指导正确哺乳、喂养、呵护、<br>洗澡、穿衣、换洗尿布、物品消毒 </p>
                            </li>
                            <li>
                                <img src="~/tupian/beside_bm.jpg" width="124px" height="124px" />
                                <h3><a href="../baomu.aspx">保姆</a></h3>
                                <p> 带小孩、照顾老人、<br>做饭、烹饪、花草养护 </p>
                            </li>
                            <li>
                                <img src="~/tupian/beside_cr.jpg" width="124px" height="124px" />
                                <h4><a href="../cuiru.aspx">催乳师</a></h4>
                                <p>催乳、开奶、科学无痛回奶、<br>哺乳期乳腺养护、深度乳腺管疏通 </p>
                            </li>
                            <a class="more_service" href="../home_working.aspx">更多服务>></a>
                        </ul>
                    </div>

                    <div class="beside_contact">
                        <a href="javascript:void(0)"><p>电话咨询：<span>400-111-8666</span></p></a>
                    </div>

                    <div class="beside_cont">
                        <div class="iphone-erwei">
                            <img src="~/tupian/right_img.jpg" />
                        </div>
                        <div class="call-line">
                            <img src="~/tupian/right_img2.jpg" />
                        </div>
                    </div>
                </div>





            </div>
        </section>


        <div id="showVideo">
            <span>关闭</span>
            <script type="text/javascript">
        player("http://www.51ejz.com/video/chuyi.mp4", 800, 600, 1, "");
            </script>
        </div>


        <script>

//分页选中开始
    var aa = GetQueryString("number");

    if (aa == 1) {
        $("#number ul").find("li").eq(aa - 1).addClass("on").siblings().removeClass("on");
    }
    else {
        $("#number ul").find("li").eq(aa).addClass("on").siblings().removeClass("on");
    }
    function GetQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return unescape(r[2]); return null;
    }
    //分页选中结束
    $(".video_main>ul li").each(function (i) {
        if (i % 3 == 0) {
            $(this).css("margin-left", 0);
        }
    });
    $(".video_main>ul:last-child").css("border-bottom", 0);

    //
    $("#showVideo").delegate("span", "click", function () {
        $(this).parent().hide();
    });
    //
    var deurl = "http://www.51ejz.com/video/chuyi.mp4";
    $(".video_main>ul li").on("click", function () {
        var href = $(this).find("em").find("a").attr("href");
        //alert($("#PaPlayer embed").attr("flashvars"));
        $("#PaPlayer embed").attr("flashvars", $("#PaPlayer embed").attr("flashvars").replace(deurl, href));
        deurl = href;
        $("#showVideo").show();
        return false;
    });

//    var deurl = "http://www.51ejz.com/video/chuyi.mp4";
//    $(".intro_back>ul li").on("click", function () {
//        var href = $(this).find("em a").attr("href");
//        $("#PaPlayer embed").attr("flashvars", $("#PaPlayer embed").attr("flashvars").replace(deurl, href));
//        deurl = href;
//        $("#showVideo").show();
//        return false;
//    });

        </script>



    </form>





    <footer class="Bottom">
        <nav class="botnav">
            <a href="/Home/Index">e家政首页</a>
            <em>|</em>
            <a href="/Home/comp_introce">关于我们</a><em>|</em><a href="/Home/fwcn">服务承诺</a>
            <em>|</em><a href="/Home/insurance">安全保障</a>
            <em>|</em><a href="/Home/contact_us">联系我们</a>
        </nav>
        <br />
        <ul class="bot_icon">
            <li class="li1"><a href="/Home/contact_us">电话</a></li>
            <li class="li2"><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=123456&site=qq&menu=yes">qq</a></li>
            <li class="li3"><a href="mailto:123456@qq.com">邮箱</a></li>
        </ul>
        <div class="copyright">
            copyright   &copy;   2013-2016 <a href="http://www.51ejz.com/" target="_blank">www.51ejz.com</a>   All Rights Reserved. Support by
            chemguan.com</BR>版权所有：江苏洁瑞达信息科技有限公司
        </div>
    </footer>
    <!-----------------------------------2016.8.2新增   右侧悬浮按钮------------------------------------------------------>
    <div class="rightFix">
        <ul>
            <li class="li1">
                <a href="javascript:void(0)"></a>
                <div class="beside">
                    <div class="beside_cont">
                        <div class="service">
                            <h2>快速预约</h2>
                        </div>
                        <div class="info">
                            <form method="post">
                                <select name="ctl00$serviceTypes" id="serviceTypes">
                                    <option value="" id="0">选择服务类型</option>
                                    @*<option value="保洁">保洁</option>
                                    <option value="搬家">搬家</option>
                                    <option value="甲醛检测">甲醛检测</option>
                                    <option value="甲醛检测">甲醛治理</option>
                                    <option value="月嫂">月嫂</option>
                                    <option value="催乳师">催乳师</option>
                                    <option value="育儿嫂">育儿嫂</option>
                                    <option value="保姆">保姆</option>*@
                                </select>
                                <input id="OName" type="text" placeholder="请输入您的姓名" />
                                <input id="OPhone" type="tel" placeholder="请输入手机号" maxlength="11" />
                                <textarea id="Oaddr" name="" placeholder="请输入详细地址精确到小区"></textarea>
                                <textarea id="Odemand" name="" placeholder="其他补充要求：如上门服务时间、日期....."></textarea>
                            </form>
                            <a class="appoint" href="javascript:void(0)" onclick="funop();">马上预约</a>
                        </div>
                    </div>
                </div>
            </li>
            <li class="li2">
                <a href="javascript:void(0)"></a>
                <div class="erweima">
                    <img src="~/tupian/right-icon5.jpg" alt="" />
                    <p>扫一扫 关注微信</p>
                </div>
            </li>
            <li class="li3">
                <a href="javascript:void(0)"></a>
                <div class="erweima">
                    <img src="~/tupian/right-icon6.jpg" alt="" />
                    <p>扫一扫下载APP</p>
                </div>
            </li>
        </ul>
        <div class="li4"><a href="javascript:void(0)"></a></div>
    </div>


    <!---------------新加的2016.8.3预约弹出层---------------->
    <div class="zhe-tan">
        <div class="tan">
            <h4></h4>
            <div>
                <p>您的预约信息已经成功提交，我们会尽快与您联系</p>
                <p>感谢您选择我们！</p>
                <span>Thank you for choosing us</span>
            </div>
            <a href="javascript:void(0)" class="close"><img src="~/tupian/tan-close.png" alt="" /></a>
        </div>
    </div>
    <script type="text/javascript">

    $(".zhe-tan .tan .close").click(function () {
        $(".zhe-tan").hide();
    });

    </script>

    <!------------------------新加的2016.8.3预约方法----------------------->
    <script type="text/javascript">
     function yuyue() {
         var leixing = $("#serviceTypes option:selected").val();
         var names = $("#name").val();
         var tels = $("#tel").val();
         var dizhis = $("#dizhi").val();
         var remarks = $("#remark").val();
         $.ajax({
             url: "checkYuyue.aspx",
             type: "Post",
             data: {
                 serviceType: leixing,
                 lianxiren: names,
                 tell: tels,
                 address: dizhis,
                 yaoqiu: remarks
             },    //发送到服务器的数据
             success: function (data) {    //请求成功后调用的回调函数
                 document.write(data);
                 $("#serviceTypes option:selected").val("");
                 $("#name").val("");
                 $("#tel").val("");
                 $("#dizhi").val("");
                 $("#remark").val("");
             }
         })
     }


    </script>


    <script type="text/javascript" src="~/Scripts/jquery/jquery.placeholder.min.js"></script>
    <script src="~/Scripts/jquery/jquery.placeholder.min.js"></script>


    <script type="text/javascript">

        $(".rightFix ul li").each(function (i) {
            $(this).hover(function () {
                $(this).addClass("on");
                $(this).siblings().removeClass("on");
                $(this).children("div").fadeIn();
                $(this).siblings().children("div").fadeOut();
            });
        });
        $(".rightFix>.li4").hover(function () {
            $(".rightFix ul li").children("div").fadeOut();
        });
        $(".rightFix>.li4").click(function () {
            $("body,html").animate({ scrollTop: 0 }, 500);
        });
        //    input中有placeholder，加上一个js和以下代码
        $(function () { $('input, textarea').placeholder(); });
    </script>
    <script type="text/javascript">
        //整站无图处理
        jQuery.each(jQuery("img"), function (i, n) {
            jQuery(n).error(function () {
                n.src = 'images/nopic.jpg';
            });
            n.src = n.src;
        });
    </script>
    <script>        (function () { var c = document.createElement("script"), s = document.getElementsByTagName("script")[0]; c.src = "//kefu.qycn.com/vclient/state.php?webid=118627"; s.parentNode.insertBefore(c, s); })();</script>
    <script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?3be29a79978bcebc6bfdadbe076f6627";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();
    </script>
</body>
</html>
<script>
    $(function () {
        $.ajax({
            type: "get",
            url: "/Home/xiala",
            success: function (data) {
                $(data).each(function (index, item) {
                    var mm = " <option value='" + item.Tname + "' id='" + item.Tid + "'>" + item.Tname + "</option>";
                    $("#serviceTypes").append(mm);
                })
            }
        })
    })
    function funop() {
        var option = $('#serviceTypes option:selected').attr("id");
        alert(option);
        var OName = $("#OName").val();
        var OPhone = $("#OPhone").val();
        var Oaddr = $("#Oaddr").val();
        var Odemand = $("#Odemand").val();
        $.ajax({
            type: "post",
            url: "/Home/Add",
            data: {
                Tid: option,
                OName: OName,
                OPhone: OPhone,
                Oaddr: Oaddr,
                Odemand: Odemand
            },
            success: function (data) {
                alert(2);
                if (data == "True") {
                    alert("预约成功");
                }
                else {
                    alert("预约失败");
                }
            }
        })
    }
</script>


